<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>注册用户</title>
	<link rel="stylesheet" type="text/css" href="/static/index_user/css/aui_3.css" />
	<link rel="stylesheet" type="text/css" href="/static/index_user/css/aui-slide_3.css" />
	<style type="text/css">
		.aui-list .aui-list-header {
			background-color: #2c3039;
			color:#ffffff;
			text-align: center;
			justify-content: center;
			border-bottom: 1px solid #1e2128;
			font-size: 1rem;
		}
		.aui-grid [class*=aui-col-]{
			padding: 0.2rem 0;
			text-align: left;
		}

		.aui-list label{
			line-height: 1.8rem;
			width: 200px;
		}
	</style>
	<script type="text/javascript" src="/static/index_user/js/jquery_1.js"></script>
	<script language="javascript">
        function get_mobile_code(){
            var tel=jQuery.trim($('#mobile').val());
//                RemainTime();
            $.ajax({
                type: 'put',
                url: '/user/SendSMS1/' + tel,
                dataType: 'json',
                success: function (data) {
//                    console.log(data);
                    if(data['Message']=='OK'){
                        RemainTime();
                    }else{
                        alert(data['Message']);
					}

                },
                error: function () {
                    alert('发送验证码失败');
                }
            });
        };
        var iTime = 59;
        var Account;
        function RemainTime(){
            document.getElementById('zphone').disabled = true;
            var iSecond,sSecond="",sTime="";
            if (iTime >= 0){
                iSecond = parseInt(iTime%60);
                iMinute = parseInt(iTime/60)
                if (iSecond >= 0){
                    if(iMinute>0){
                        sSecond = iMinute + "分" + iSecond + "秒";
                    }else{
                        sSecond = iSecond + "秒";
                    }
                }
                sTime=sSecond;
                if(iTime==0){
                    clearTimeout(Account);
                    sTime='获取验证码';
                    iTime = 59;
                    document.getElementById('zphone').disabled = false;
                }else{
                    Account = setTimeout("RemainTime()",1000);
                    iTime=iTime-1;
                }
            }else{
                sTime='没有倒计时';
            }
            document.getElementById('zphone').value = sTime;
        }
	</script>
</head>
<body class="regist">
<div class="aui-content aui-margin-b-15"  style="text-align:center;margin-top: 40px;">
	<img src="/static/index_user/picture/logo_1.png" style="width:6rem;margin:0 auto;">
</div>

<div class="aui-content aui-margin-t-15">
	<ul class="aui-list aui-select-list">
		<li class="aui-list-header" style="border-bottom:0px;">场外期权</li>

	</ul>
</div>
<form id="loginForm" name="loginForm" action="{:url('user/Login/telreg')}" method="post">
	<div class="aui-content aui-margin-b-15">
		<ul class="aui-list aui-form-list">

			<li class="aui-list-item">
				<div class="aui-list-item-inner" style="justify-content: right;">
					<div class="aui-list-item-label">
						手机号码：
					</div>
					<div class="aui-list-item-input">
						<input  name="tel" id="mobile" type="text" placeholder="请输入手机号码">
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div class="aui-list-item-label">
						验证码：
					</div>
					<div class="aui-list-item-input">
						<input  name="mobile_code" id="mobile_code" type="text" placeholder="请输入验证码" style="width:60%;float:left"><input  id="zphone" class="input-regist" onClick="get_mobile_code();"  type="text" placeholder="获取验证码" style="width:40%;float:left;color:red" value="获取验证码">
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner" style="justify-content: right;">
					<div class="aui-list-item-label">
						新密码：
					</div>
					<div class="aui-list-item-input">
						<input name="password" id="password"  type="password" placeholder="请输入新密码">
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner" style="justify-content: right;">
					<div class="aui-list-item-label">
						确认密码：
					</div>
					<div class="aui-list-item-input">
						<input  name="repassword" id="repassword" type="password" placeholder="请再次输入新密码">
					</div>
				</div>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner" style="justify-content: right;">
					<div class="aui-list-item-label">
						邀请码：
					</div>
					<div class="aui-list-item-input">
						<input  name="tuicode" id="tuicode" type="text" placeholder="请输入邀请码">
					</div>
				</div>

				<font></font>
			</li>
			<li class="aui-list-item">
				<div class="aui-list-item-inner" style="justify-content: center;">
					<input id="agreement" name="agreement" type="checkbox" value="1" checked="checked" /><a href="{:url('user/Login/tiaokuan')}" target="" style="color:#ffffff">我已阅读并同意服务条款</a>

				</div>

				<font></font>
			</li>
			<!--<li class="aui-list-item">-->
				<!--<div class="aui-list-item-inner" style="justify-content: center;">-->
					<!--<input id="wtagreement" name="wtagreement" type="checkbox" value="1" checked="checked" /><b></b><a href="/index.php/Index/wtagreement.html" target="_blank" style="color:#ffffff">我已阅读场外期权委托投资协议</a>-->
				<!--</div>-->

				<!--<font></font>-->
			<!--</li>-->
			<li class="aui-list-item">
				<div class="aui-row" style="width: 100%;">
					<div class="aui-col-xs-12" style="margin-top:10px;margin-bottom:10px;text-align:center">
						<a href="javascript:void(0)" class="btn-login" onclick="document.getElementById('loginForm').submit();"> <div class="aui-btn aui-btn-info" style="width:100px;height:40px;line-height:40px;">立即注册</div></a>
					</div>

				</div>

			</li>
		</ul>
	</div>
</form>

<div class="aui-content aui-margin-b-15" style="margin-bottom:2.5rem !important">
	<ul class="aui-list aui-form-list">

		<li class="aui-list-item">
			<div class="aui-row" style="width:100%;">
				<a href="{:url('user/Login/index')}" id="registFromLogin">
					<div class="aui-col-xs-12" style="text-align:center;line-height:2.2rem">
						<div class="aui-grid-label" style="color:red">已有账户，立即登录？</div>
					</div>
				</a>
			</div>
		</li>
	</ul>
</div>


</body>
</html>